window.onload=function(){
	  // Creates canvas 320 × 200 at 10, 50
	     var paper = new Raphael(10, 50, 320, 200);
	     // Creates circle at x = 50, y = 40, with radius 10
	     var circle = paper.circle(50, 40, 10);
	     // Sets the fill attribute of the circle to red (#f00)
	     circle.attr("fill", "#f00");
	     // Sets the stroke attribute of the circle to white
	     circle.attr("stroke", "#fff");
	     var r = new Raphael(80,100,500,500);
	    // r.piechart(320, 240, 100, [55, 20, 13, 32, 5, 1, 2]);
	     //r.barchart(0, 0, 200, 260, [76, 70, 67, 71, 69], {})
	     r.dotchart(0, 0, 620, 260, [76, 70, 67, 71, 69], [0, 1, 2, 3, 4], [100, 120, 140, 160, 500], {max: 10, axisylabels: ['Mexico', 'Argentina', 'Cuba', 'Canada', 'United States of America'], heat: true, axis: '0 0 1 1'})
	     //r.vbarchart(0, 0, 620, 260, [76, 70, 67, 71, 69], {})
	     //r.linechart(0, 0, 99, 99, [1,2,3,4,5], [[1,2,3,4,5], [1,3,9,16,25], [100,50,25,12,6]], {smooth: true, colors: ['#F00', '#0F0', '#FF0'], symbol: 'circle'});
}
 /**
使用js方式将元素设置为可draggable的
*/
$(function(){
//  $('.drag').draggable({
//    proxy:'clone',
//    revert:true,
//    cursor:'pointer',
//    onStartDrag:function(){
//      $(this).draggable('options').cursor='not-allowed';//设置鼠标样式为不可拖动
//      $(this).draggable('proxy').addClass('dp');//设置样式
//    },
//    onStopDrag:function(){
//      $(this).draggable('options').cursor='auto';//设置鼠标
//      //$(this).draggable('proxy').addClass('pos');
//    }
//  });
//  //将容易置为droppable并且可接受元素
//  $('#target').droppable({
//    accept:'#d1,#d2,#d3',
//    onDragEnter:function(e,source){//拖入
//      $(source).draggable('options').cursor='auto';
//      $(source).draggable('proxy').css('border','1px solid red');
//      $(this).addClass('over');
//    },
//    onDragLeave:function(e,source){//脱离
//      $(source).draggable('options').cursor='not-allowed';
//      $(source).draggable('proxy').css('border','1px solid #ccc');
//      $(this).removeClass('over');
//    },
//    onDrop:function(e,source){//放下
//      $(this).append(source)
//      $(this).removeClass('over');
//     // alert("我被放下了");
//    } ,
//    //onDropOver当元素被拖出(成功放入到某个容器)的时候触发
//    onDragOver:function(e,source){
//       //alert("我被拖出去了");//先于alert("我被放下了");执行,表明其触发在onDrop之前。
//  }
//  });
  drawWorkFlow();
});
function drawWorkFlow(){
	
}